<template>
  <div class="main" :style="{ background: base.background }">
    <!-- 大屏适配 -->
    <div id="stage" :style="{ transform: transform, width: `${base.width}px`, height: `${base.height}px` }">
      <Header></Header>
      <router-view />
    </div>
  </div>
</template>

<script setup>
import Header from '@/components/header.vue';

import config from './config';
import initData from '@/common/initData.js';
const { base, transform } = initData(config);
</script>

<style scoped>
.main {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  overflow: hidden;
}
</style>
